<!DOCTYPE html>
{% set userSession = app.user %}
{% set logeado = is_granted('ROLE_USUARIO') %}

    
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>{% block title %}{% endblock %} | Proyecto Andromeda</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">



        {% block basestylesheets %}
            <link href="{{ asset('public/css/bootstrap.css') }}" rel="stylesheet" type="text/css" />
            <link href="{{ asset('public/css/bootstrap-theme.min.css') }}" rel="stylesheet" type="text/css" />
            <link href="{{ asset('public/css/andromeda.css') }}" rel="stylesheet" type="text/css" />

            <script src="{{ asset('public/js/jquery.min.js') }}"></script>
            <script src="{{ asset('public/js/jquery.dropotron.min.js') }}"></script>
            <script src="{{ asset('public/js/bootstrap.js') }}"></script>

            <link href="{{ asset('public/css/estiloFacu2.css') }}" rel="stylesheet" type="text/css" />

        {% endblock %}

    </head>
    <body>
        <script src="{{ asset('public/js/bootstrap.min.js') }}"></script>

        <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
        <script>

            $(document).ready(function() {
                $('.dropdown-toggle').dropdown();

                $("#btnBuscar").click(function() {
                    $('#resultado').load("{{ path('tabla_partituras') }}", {"busqueda": $('#lbBuscar').val(), "metodo": "partitura"})
                });
                $("#lbBuscar").keypress(function(e) {
                    if (e.which == 13) {
                        $('#resultado').load("{{ path('tabla_partituras') }}", {"busqueda": $('#lbBuscar').val(), "metodo": "partitura"})
                    }
                });

            });


        </script>


        <header id="header">

            <nav class="navbar navbar-default">
                <div class="container container-fluid  theme-showcase">
                    <ul class="nav navbar-nav">
                        <li><a class="navbar-brand" href="{{ path('portada') }}">Andromeda</a></li>
                        {% if logeado != true %}
                        <li><a class="navbar-brand" href="{{ path('usuario_login') }}">Registro</a></li>
                        {% endif %}


                        <form class="navbar-form navbar-left" action="{{ path('buscador') }}">
                            <div class="form-group">
                                <input type="text" class="form-control " placeholder="Partituras, Artistas, Usuarios">
                                <button type="submit" class="btn btn-default"> Buscar </button>
                            </div>
                        </form>

                        {% if logeado %}
                            <ul class="nav navbar-nav navbar-right">

                                <li><a href="{{ path('usuario_perfil', {'username': userSession.username}) }}">{{userSession.nombres ~ ' ' ~ userSession.apellidos }}</a></li>

                                <li>
                                    <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" >
                                        Historia
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                        <li role="presentation"><a role="menuitem" tabindex="1" href="#">Partituras Realizadas</a></li>
                                        <li role="presentation"><a role="menuitem" tabindex="2" href="#">Partituras Favoritas</a></li>
                                        <li role="presentation"><a role="menuitem" tabindex="3" href="#">Siguiendo</a></li>
                                        <li role="presentation"><a role="menuitem" tabindex="4" href="#">Seguidores</a></li>
                                        <li role="presentation" class="divider"></li>
                                        <li role="presentation"><a role="menuitem" tabindex="5"href="{{ path('usuario_editar_perfil') }}">Editar perfil</a></li>
                                        <li role="presentation"><a role="menuitem" tabindex="6"href="{{ path('usuario_logout') }}">Cerrar sesión</a></li>
                                    </ul>
                                </li>


                            </ul>
                        {% else %}
                            <form class="navbar-form navbar-right" role="form" action="{{ path('usuario_login_check') }}" method="post">
                                <div class="form-group">
                                    <li><input type="text" placeholder="Username" class="form-control" id="_username" name="_username" ></li>
                                    <li><input type="checkbox" id="remember_me" name="_remember_me" checked/>  Mantenerme Conectado</li>
                                </div>
                                <div class="form-group">
                                    <li><input type="password" placeholder="Password" class="form-control" id="_password" name="_password"></li>
                                    <li><a href="{{path('usuario_login')}}">Recuperar Contraseña</a></li>
                                </div>
                                <div class="form-group">
                                    <li><button name="login" type="submit" class="btn btn-success">Ingresar</button></li>
                                    <li><br></li>
                                </div>
                            </form>
                        {% endif %}
                    </ul>
                </div>
            </nav>


            <!-- 
            <h1></h1>
            <h3><a href="index.html" id="logo">Andromeda <em>  by Bevilacqua - Lazzaroni</em></a></h3>
            -->
        </header>

        <div id="top-details" <!--style="width:800px" align="center" -->
             {% if app.session.flashbag.peek('advertencia') | length >0 %}
                 <div class="panel panel-warning" id="mensajesAdvertencia">
                     {% for flashMessage in app.session.flashbag.get('advertencia') %}
                         <div class="flash-notice">{{ flashMessage }}</div>
                     {% endfor %}
                 </div>
             {% endif %}

             {% if app.session.flashbag.peek('error') | length >0 %}
                 <div  class="panel panel-danger" id="mensajesError">
                     {% for flashMessage in app.session.flashbag.get('error') %}
                         <div class="flash-notice">{{ flashMessage.message }}</div>
                     {% endfor %}
                 </div>
             {% endif %}

             {% if app.session.flashbag.peek('exitos') | length >0 %}

                 <div id="mensajesExitosos" class="panel panel-success">
                     {% for flashMessage in app.session.flashbag.get('exitos') %}
                         <div class="flash-notice">{{ flashMessage }}</div>
                     {% endfor %}
                 </div>
             {% endif %}

        </div>

        <div class="container theme-showcase" >

            {% block body %}
            {% endblock %}

        </div>
        {% block stylesheets %} {% endblock %}



    </body>
    <footer align="center">

        &copy; {{ 'now' | date('Y') }} - Cupon
        <a href="{{ path('pagina_estatica', { 'pagina': 'ayuda' }) }}">Ayuda</a>
        <a href="{{ path('pagina_estatica', { 'pagina': 'contacto' })
           }}">Contacto</a>
        <a href="{{ path('pagina_estatica', { 'pagina': 'privacidad' })
           }}">Privacidad</a>
        <a href="{{ path('pagina_estatica', { 'pagina': 'sobrenosotros' })
           }}">Sobre nosotros</a>

    </footer>

</html>






